﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文化云</title>
    <link href="WebUI/css/base.css" rel="stylesheet" />
    <link href="WebUI/css/Public.css" rel="stylesheet" />
    <link href="WebUI/font/iconfont.css" rel="stylesheet" />
    <link href="WebUI/css/detail_m.css" rel="stylesheet" />
</head>
<body>
<div class="head bg-orange">
    <div class="top-main clearfix">
        <ul class="fright">
            <li class="searchArea detail">
                <div class="search">
                    <input type="text" class="form-control" placeholder="请输入您要检索的词">
                </div>
                <a href="javascript://" class="button">检索</a>
            </li>
            <li><a href="login.html">登录</a><em></em></li>
            <li><a href="register.html">注册</a><em></em></li>
            <li class="ms">
                <a href="javascript://">
                    <i class="icon iconfont list">&#xe602;</i>
                    <b>导航</b>
                    <i class="icon iconfont xiala">&#xe60a;</i>
                </a>
                <div class="xialaBox">
                    <div class="fleft xl">
                        <h5>文化分类</h5>
                        <div class="nav-list">
                            <p><a href="javascript://">亲子活动</a></p>
                            <p><a href="javascript://">公益活动</a></p>
                            <p><a href="javascript://">展览展会</a></p>
                            <p><a href="javascript://">名家讲坛</a></p>
                            <p><a href="javascript://">技术研讨</a></p>
                            <p><a href="javascript://">全名可普</a></p>
                        </div>
                    </div>
                    <div class="fleft xr">
                        <h6><a href="javascript://">活动讲座</a></h6>
                        <h6><a href="javascript://">文化资源</a></h6>
                        <h6><a href="javascript://">场馆预约</a></h6>
                        <h6><a href="javascript://">机构广场</a></h6>
                    </div>
                </div>
            </li>
        </ul>

        <div class="dropdown-box media">
            <a class="detail-logo fleft"><img src="WebUI/images/detail/search-logo.png"/></a>
            <ul class="navs media-body clearfix">
                <li class="dropdown">
                    <a href="javascript:;">铜陵文化云</a>
                </li>
                <li><a>活动/讲座</a></li>
                <li><a>场馆预约</a></li>
                <li><a>文化资源</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="main center-black">
    <div class="detail-box">
        <ol class="breadcrumb border">
            <li><a href="#">智慧文化云</a></li>
            <li><a href="#">铜陵</a></li>
            <li><a href="#">展会展览</a></li>
            <li class="active">2015上海展览 天才达芬奇展 Da Vinci “The Genius”</li>
        </ol>
        <div class="detail-view bg-white border border-top-space clearfix clearfix">
            <div class="view media fleft">
                <div class="media-left fleft">
                    <img src="WebUI/images/detail/detail-view-img.png" width="277" height="370"/>
                    <div class="share media">
                        <label class="fleft">分享：</label>
                        <div class="media-body">
                            <div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone"></a><a href="#" class="bds_tsina" data-cmd="tsina"></a><a href="#" class="bds_tqq" data-cmd="tqq"></a><a href="#" class="bds_renren" data-cmd="renren"></a><a href="#" class="bds_weixin" data-cmd="weixin"></a></div>
                            <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdPic":"","bdStyle":"0","bdSize":"16"},"share":{},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
                        </div>
                    </div>
                </div>
                <div class="media-body">
                    <h2>天才达芬奇”世界巡回大展上海站 Da Vinci “The Genius</h2>
                    <ul class="status clearfix text-center">
                        <li data-status="1"><span>筹办</span></li>
                        <li class="active" data-status="1"><span>活动举办</span></li>
                        <li data-status="0"><span>报名中</span></li>
                        <li class="last-child" data-status="0"><span>活动开始</span></li>
                    </ul>
                    <div class="form-select">
                        <div class="form-group">
                            <label class="control-label fleft">选择场地：</label>
                            <div class="input-group select-label">
                                <a class="active" href="javascript:;">1F报告厅</a>
                                <a href="javascript:;">浦东图书馆南汇分馆</a>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label fleft">选择场次：</label>
                            <div class="input-group select-label">
                                <a class="active" href="javascript:;">3月5日 周六  9：00</a>
                                <a href="javascript:;">3月6日 周日  9：00</a>
                                <a href="javascript:;">3月7日 周一  9：00</a>
                                <a href="javascript:;">3月8日 周二  9：00</a>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label fleft">选择票价：</label>
                            <div class="input-group select-label">
                                <a class="active" href="javascript:;">免费</a>
                            </div>
                        </div>
                        <div class="form-group invent">
                            <label class="control-label fleft">您选择了：</label>
                            <div class="input-group">
                                <div class="set">
                                    <span class="">浦东图书馆</span>
                                    <span class="">3月5日 周六 9:00</span>
                                    <br>
                                    <span class="">免费</span>
                                    <div class="input-groups">
                                        <span class="input-group-btn">
                                            <a class="btn btn-add">+</a>
                                        </span>
                                        <input type="text" class="form-control text-center" placeholder="" value="1" />
                                        <span class="input-group-btn last-child">
                                            <a class="btn btn-rem">-</a>
                                        </span>
                                    </div>
                                </div>
                                <a class="set-remove" href="javascript:;">放弃</a>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label fleft"></label>
                            <div class="input-group">
                                <a class="btn btn-lg orange" href="javascript:;">立即预定</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="reservation-info text gray fleft">
                <div class="perple-number res-col">
                    <h3>预约人数</h3>
                    <div class="ress-step clearfix">
                        <span class="step1">298人</span>
                        <span class="step2">成功</span>
                        <span class="step3 fright">500人</span>
                    </div>
                    <div class="ress-bar">
                        <span class="bar">&nbsp;</span>
                    </div>
                </div>
                <div class="event-address res-col">
                    <h3>活动场馆</h3>
                    <dl>
                        <dt>上海浦东图书馆</dt>
                        <dd class="ads-line"><span class="icon">交通路线</span></dd>
                        <dt>上海浦东南图图书馆</dt>
                        <dd class="ads-line"><span class="icon">交通路线</span></dd>
                    </dl>
                </div>
                <div class="ppzc res-col">
                    <h3>票品支持</h3>
                    <ul class="clearfix">
                        <li><span class="zxxz icon">在线选座</span></li>
                        <li><span class="dzp icon">电子票</span></li>
                        <li><span class="fjf icon">返积分</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="detail-info marginTop20 clearfix bg-white border border-top-space">
        <div class="info fleft">
            <ul class="nav-tabs border bg-gray" role="tablist">
                <li role="presentation" class="active"><a href="#eventInfo" aria-controls="home" role="tab" data-toggle="tab">活动信息</a></li>
                <li role="presentation"><a href="#userMessage" aria-controls="profile" role="tab" data-toggle="tab">读者评价&nbsp;<span class="text-orange">32</span></a></li>
            </ul>
            <div class="tab-content info-body">
                <div role="tabpanel" class="tab-pane active" id="eventInfo">
                    <div class="event-info">
                        <h3 class="hehe-title"><strong>基本信息</strong></h3>
                        <div class="info-content">
                            <ol class="clearfix">
                                <li>演出时间： 3月5日-3月10日</li>
                                <li>演出场馆：浦东图书馆</li>
                                <li>演出时长： 120分钟</li>
                                <li>入场时间：不限</li>
                                <li>限&nbsp;&nbsp;&nbsp;&nbsp;购： 4张/ 人</li>
                                <li>儿童提示：儿童需购票入场，3岁一下儿童需全程监护</li>
                            </ol>
                        </div>
                    </div>
                    <div class="event-detail marginTop30">
                        <h3 class="hehe-title"><strong>活动详情</strong></h3>
                        <div class="info-content">
                            <p>
                                2015年12月8日至2016年4月7日，星汇机构、上象文化，以及Damai Live（大麦国际），将联合在上海虹桥天地演艺中心举办为期4个月的「天才达芬奇」世界巡回展，让大家前所未有的领略史上最完整的达芬奇作品。
                            </p>
                            <p>
                                “我们将作为你们的坚强后盾，不遗余力地支持此次展览。”--西尔万o雷夫斯耶（Sylvain Laveissiére） 法国卢浮宫博物馆（ The Louvre Museum）馆长
                            </p>
                            <p>
                                “你能感觉到，你参与的是一个绝佳的展览，观展者所分享的唯一负评是：他希望能有更多的时间好好看展。”--保罗·詹宁斯 （爱荷华科学中心董事长）
                            </p>
                        </div>
                    </div>
                </div>
                <div role="tabpanel" class="tab-pane message" id="userMessage">
                    <h3>读者评论</h3>
                    <div class="media message-textarea">
                        <span class="user-img media-left fleft">
                                <img src="WebUI/images/detail/user-img.png"width="70" height="70" />
                            </span>
                        <div class="media-body">
                            <textarea style="height:70px;" class="form-control" placeholder="请在此留下您的评论，最多智能输入100字"></textarea>
                            <div class="form-stact clearfix">
                                <span>文明上网理性发言，请遵守新闻评论服务协议</span>
                                <a class="btn orange fright">评论</a>
                            </div>
                        </div>
                    </div>
                    <ul class="message-list">
                        <li class="media">
                            <span class="user-img media-left fleft">
                                <img src="WebUI/images/detail/user-img.png"width="70" height="70" />
                            </span>
                            <div class="media-body">
                                <div class="first-message">
                                    <h4 class="name">小芝麻<span class="fright time">2013.2.1 12:00:21</span></h4>
                                    <p class="message-detail">
                                        儿童半价票是去场馆购买么？是独立占座还是和大人坐一起？
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li class="media">
                            <span class="user-img media-left fleft">
                                <img src="WebUI/images/detail/user-img.png"width="70" height="70" />
                            </span>
                            <div class="media-body">
                                <div class="first-message">
                                    <h4 class="name">小芝麻<span class="fright time">2013.2.1 12:00:21</span></h4>
                                    <p class="message-detail">
                                        儿童半价票是去场馆购买么？是独立占座还是和大人坐一起？
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li class="media">
                            <span class="user-img media-left fleft">
                                <img src="WebUI/images/detail/user-img.png" width="70" height="70" />
                            </span>
                            <div class="media-body">
                                <div class="first-message">
                                    <h4 class="name">小芝麻<span class="fright time">2013.2.1 12:00:21</span></h4>
                                    <p class="message-detail">
                                        儿童半价票是去场馆购买么？是独立占座还是和大人坐一起？
                                    </p>
                                </div>
                                <div class="media next-message">
                                    <span class="user-img media-left fleft">
                                        <img src="WebUI/images/detail/user-img.png"width="70" height="70" />
                                    </span>
                                    <div class="media-body">
                                        <h4 class="name">小芝麻<span class="fright time">2013.2.1 12:00:21</span></h4>
                                        <p class="message-detail">
                                            儿童半价票是去场馆购买么？是独立占座还是和大人坐一起？
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <div class="m-pager">
                        <div class="m-page m-page-sr m-page-sm">
                            <a href="#" class="first pageprv z-dis"><span class="pagearr">&lt;</span>上一页</a>
                            <a href="#">1</a>
                            <a href="#" class="z-crt">2</a>
                            <a href="#">3</a>
                            <a href="#">4</a>
                            <i>...</i>
                            <a href="#">10</a>
                            <a href="#" class="last pagenxt">下一页<span class="pagearr">&gt;</span></a>
                            <div class="pager-input">
                                <span>共12页到第</span>
                                <input type="text" class="form-control" />
                                <span>页</span>
                                <a class="pagenxt orange">确定</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="xg-hot fleft">
            <h2 class="hot-title border bg-gray"><strong>相关推荐</strong></h2>
            <div class="hot-body border border-top-space">
                <div class="max-img"><img src="WebUI/images/detail/detail-view-img.png" width="239"height="319" /></div>
                <div class="hot-news">
                    <ul>
                        <Li>
                            <h3><a href="#">2016“快乐六•一 超级马戏”国际马戏小丑嘉年华</a></h3>
                            <p class="time text gray">2016.6.4</p>
                        </Li>
                        <Li>
                            <h3><a href="#">2016“快乐六•一 超级马戏”国际马戏小丑嘉年华</a></h3>
                            <p class="time text gray">2016.6.4</p>
                        </Li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="foot">
    <div class="foot-main">
        <p>
            <a href="javascript://">平台介绍</a>|
            <a href="javascript://">意见建议</a>|
            <a href="javascript://">网站地图</a>|
            <a href="javascript://">友情链接</a>|
            <a href="javascript://">联系方式</a>
        </p>
        <div>版权所有 智慧文化云 Copyright2003-2016 All Rights Reserved 沪ICP备1143884号 沪公网安备11010234000430号 上海上业信息科技有限公司</div>
    </div>
</div>
<!--js引用-->
<script src="WebUI/js/jquery-1.9.1.min.js"></script>
<script src="WebUI/js/animate.js"></script>
<script>
    $(function () {
        $(".select-label").each(function () {
            var ths = $(this);
            ths.find("a").click(function () {
                $(this).addClass("active").attr("data-select","selected").siblings().removeClass("active").attr("data-select","");
            })
        })
        //头部导航下拉框
        selectModel(".head li.ms","mr current","curleft",".mm")
    })
</script>
</body>
</html>